<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>对毛坯房(HTML)进行装修(CSS)</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<p class="red">
    这是一段测试内容，这是一段测试内容，这是一段测试内容，这是一段测试内容，这是一段测试内容。
</p>
<p>
    这是一段测试内容，<span id="zs">这是</span>一段测<span class="red">试内</span>容，这是一段测试内容，这是一段测试内容。
</p>
<p>
    这里借助了style.css的外部文件来使用CSS对HTML进行装饰。
    其中的.xxx是对所有的class="xxx"生效，将其改变为你所要它改变的样子。
    而#xxx则是对id="xxx"生效，一般用于独一无二的存在。
</p>
</body>
</html>